<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>图书管理系统</title>
    <link rel="stylesheet" href="/librarymanagementsystem/css/main.css">
    <style>
        /* 导航菜单样式 */
        nav {
            background-color: #3f51b5;
            padding: 10px 20px;
            border-radius: 5px;
            margin-bottom: 20px;
        }
        
        nav ul {
            list-style: none;
            padding: 0;
            margin: 0;
            display: flex;
            align-items: center;
        }
        
        nav ul li {
            margin-right: 20px;
        }
        
        nav ul li a {
            text-decoration: none;
            color: white;
            padding: 8px 15px;
            border-radius: 4px;
            transition: all 0.3s;
        }
        
        nav ul li a:hover {
            background-color: rgba(255, 255, 255, 0.2);
        }
        
        nav ul li a.active {
            background-color: rgba(255, 255, 255, 0.3);
            font-weight: bold;
        }
        
        /* 退出按钮样式 */
        .logout-link {
            color: #ffebee !important;
            margin-left: 20px;
        }
        
        .logout-link:hover {
            background-color: #dc3545 !important;
            color: white !important;
        }
    </style>
</head>
<body>
    <div class="container">
        <header>
            <h1>图书管理系统</h1>
            <nav>
                <ul>
                    <li><a href="/librarymanagementsystem/index.html" class="active">首页</a></li>
                    <li><a href="/librarymanagementsystem/book_page.html">图书管理</a></li>
                    <li><a href="/librarymanagementsystem/borrow_page.html">借阅管理</a></li>
                    <li><a href="javascript:void(0)" onclick="logout()" class="logout-link">退出系统</a></li>
                </ul>
            </nav>
        </header>
        
        <main>
            <div class="welcome">
                <h2>欢迎使用图书管理系统</h2>
                <p>本系统提供图书信息管理和借阅记录管理功能。</p>
            </div>
            
            <div class="features">
                <div class="feature">
                    <h3>图书管理</h3>
                    <p>管理图书基本信息，包括添加、编辑、删除图书，以及查询图书。</p>
                    <a href="/librarymanagementsystem/book_page.html" class="btn">进入图书管理</a>
                </div>
                
                <div class="feature">
                    <h3>借阅管理</h3>
                    <p>管理图书借阅记录，包括借书、还书，以及查询借阅记录。</p>
                    <a href="/librarymanagementsystem/borrow_page.html" class="btn">进入借阅管理</a>
                </div>
            </div>
        </main>
        
        <footer>
            <p>&copy; 2025 图书管理系统</p>
        </footer>
    </div>

    <script src="js/jquery-3.2.1.js"></script>
    <script>
        // 退出功能
        function logout() {
            if (confirm('确定要退出系统吗？')) {
                $.ajax({
                    url: 'logout.manager',
                    type: 'POST',
                    success: function(response) {
                        window.location.href = 'login.html';
                    },
                    error: function() {
                        alert('退出失败，请稍后重试');
                    }
                });
            }
        }
    </script>
</body>
</html> 